@import url("global.css");
body{border-left:1px solid #333;color:#fff;}

.toolbar{background:url(../images/main-toolbar-bg.jpg) no-repeat;background-color:#222;width:100%;height:24px;overflow:hidden;position:absolute;}
.toolbar h1{float:left;color:#FFF;font-weight:normal;margin:4px 0 0 12px;display:inline;}
.toolbar h1 a:link,.toolbar h1 a:visited{color:#FFF;}
.toolbar h1 a:hover{text-decoration:underline;}
.toolbar-btn a{float:right;width:30px;height:17px;padding:1px 0 0 19px;background:url(../images/main-toolbar-btn.gif);margin:3px 8px 0 0;}
.toolbar-btn .toolbar-refresh{background-position:3px 3px;}
.toolbar-btn .toolbar-list{background-position:3px -21px;}
.toolbar-btn .toolbar-pic{background-position:3px -45px;}
.toolbar-btn .toolbar-addfavor{background-position:3px -71px;width:53px;}
.toolbar-btn .toolbar-delfavor{background-position:3px -95px;width:53px;}
.toolbar-btn .toolbar-back{background-position:3px -118px;}
.toolbar-btn a:hover{color:#FFF;background-color:#666;}

.sidebar{position:absolute;top:50%;margin-top:-60px;left:1px;}
.openS,.closeS{display:block;width:8px;height:120px;text-indent:-9999px;background:url(../images/main-sidebar.gif);}
.openS:hover{background-position:-8px 0;}
.closeS{background-position:0 -120px;}
.closeS:hover{background-position:-8px -120px;}

.main{height:100%;overflow:auto;}
.main-list,.main-list-tv,.main-list-mv{margin:25px 0 0 10px;}
.main-list dl{padding:12px;height:76px;border-bottom:1px solid #333;}
.main-list-hover{background:url(../images/main-list-hover.jpg) left top no-repeat;}
.main-list dl dt{float:left;margin-right:10px;}
.main-list dl dt a{display:block;border:1px solid #666;padding:1px;width:50px;height:70px;}
.main-list dl dt a:hover{border:1px solid #CCC;}
.main-list dl dt img{width:50px;height:70px;}
.main-list dl dd{float:left;color:#666;}
.main-list dl dd h1{color:#666;line-height:18px;margin-bottom:4px;}
.main-list dl dd h1 a:link,.main-list dl dd h1 a:visited{color:#FFF;}
.main-list dl dd h1 a:hover{text-decoration:underline;}
.main-list dl dd h2{margin-bottom:4px;color:#FFCC00;}
.main-list dl dd h2 img{width:12px;height:12px;}
.main-list dl dd span{display:block;width:250px;height:30px;overflow:hidden;}
.main-list dl dd span a:link,.main-list dl dd span a:visited{color:#666;}
.main-list dl dd span a:hover{color:#CCC;}
.main-list-btn{float:right;margin-top:22px;display:inline;}
.main-list-btn a{float:left;width:71px;height:27px;background:url(../images/main-list-btn.gif);text-indent:-9999px;margin-left:10px;display:inline;}
.main-list-btn-play{}
.main-list-btn-play:hover{background-position:0 -27px;}
.main-list-btn .main-list-btn-favor{background-position:-71px 0;}
.main-list-btn-favor:hover{background-position:-71px -27px;}
.main-list-btn .main-list-btn-tip{background-position:-142px 0;}
.main-list-btn-tip:hover{background-position:-142px -27px;}
.main-list-btn .main-list-btn-del{background-position:-213px 0;}
.main-list-btn-del:hover{background-position:-213px -27px;}
.main-list-btn .main-list-btn-tv{background-position:-284px 0;}
.main-list-btn-tv:hover{background-position:-284px -27px;}
.main-list-tv dl{padding:12px;height:62px;border-bottom:1px solid #333;}
.main-list-tv dl dt{float:left;}
.main-list-tv dl dt img{width:80px;height:40px;border:1px solid #666;display:block;padding:1px;}
.main-list-tv dl dt img:hover{border:1px solid #CCC;}
.main-list-tv dl dd{float:left;margin-top:2px;}
.main-list-tv dl dd a{display:block;line-height:16px;width:80px;text-align:center;height:16px;}

.main-list-mv dl{padding:12px;height:46px;border-bottom:1px solid #333;}
.main-list-mv dl dt{float:left;margin-right:10px;}
.main-list-mv dl dt a{display:block;border:1px solid #666;padding:1px;width:71px;height:40px;}
.main-list-mv dl dt a:hover{border:1px solid #CCC;}
.main-list-mv dl dt img{width:71px;height:40px;}
.main-list-mv dl dd{float:left;color:#666;}
.main-list-mv dl dd h1{color:#666;line-height:18px;margin:4px 0px;width:300px;height:18px;overflow:hidden;display:block;}
.main-list-mv dl dd h1 a:link,.main-list dl dd h1 a:visited{color:#FFF;}
.main-list-mv dl dd h1 a:hover{text-decoration:underline;}
.main-list-mv dl dd h2{margin-bottom:4px;color:#FFCC00;}
.main-list-mv-btn{float:right;margin-top:7px;display:inline;}
.main-list-mv-btn a{float:left;width:71px;height:27px;background:url(../images/main-list-btn.gif);text-indent:-9999px;margin-left:10px;display:inline;}
.main-list-mv-btn-play{}
.main-list-mv-btn-play:hover{background-position:0 -27px;}

.main-list li{height:30px;border-bottom:1px solid #333;overflow:hidden;}
.main-list li h1{float:left;margin:7px 0 0 5px;margin-bottom:4px;font-weight:normal;}
.main-list li h1 a:link,.main-list li h1 a:visited{color:#FFF;}
.main-list li h1 a:hover{text-decoration:underline;}
.main-list li h2{float:left;font-size:11px;font-style:italic;color:#999;font-weight:normal;margin:7px 0 0 10px;}
.main-list li h3{float:left;color:#FFCC00;font-size:10px;margin:7px 0 0 10px;}
.main-list li span{float:right;color:#999;margin:6px 10px 0 0;}
.main-list-btn2{float:right;margin:5px 10px 0 0;display:inline;}
.main-list-btn2 a{float:left;display:block;width:48px;height:19px;background:url(../images/main-list-btn2.gif);text-indent:-9999px;margin-left:5px;}
.main-list-btn2-play{}
.main-list-btn2-play:hover{background-position:0 -19px;}
.main-list-btn2 .main-list-btn2-favor{background-position:-48px 0;}
.main-list-btn2-favor:hover{background-position:-48px -19px;}

.star1,.star2,.star3,.star4,.star5,.star6,.star7,.star8,.star9,.star10{background:url(../images/star.gif);height:12px;float:left;margin-right:3px;}
.star1{width:12px;}
.star2{width:24px;}
.star3{width:36px;}
.star4{width:48px;}
.star5{width:60px;}
.star6{width:72px;}
.star7{width:84px;}
.star8{width:96px;}
.star9{width:108px;}
.star10{width:120px;}

.main-view{margin:25px 0 0 15px;}
.main-view h1{border-bottom:1px solid #333;font-size:14px;color:#FFF;padding:10px 0 10px 0;}
.main-view h1 h2{display:inline;margin-left:5px;font-weight:normal;color:#66CCFF;font-style:italic;}
.main-view h1 h3{display:inline;margin-left:5px;color:#999;text-decoration:underline;}
.main-view dl{float:left;margin-top:10px;width:310px;height:210px;overflow:hidden;}
.main-view dt{float:left;margin-right:15px;}
.main-view dt img{border:1px solid #333;padding:2px;}
.main-view dd{float:left;color:#CCC;width:200px;height:22px;overflow:hidden;line-height:20px;}
.main-view dd b{color:#999;font-weight:normal;margin-right:10px;}

.main-view-board{float:right;width:179px;height:205px;margin:10px 10px 0 0;}
.main-tab{float:left;margin-left:15px;display:inline;}
.main-tab li{float:left;margin-right:5px;}
.main-tab li a:link,.main-tab li a:visited{float:left;display:block;padding:5px 8px 0 8px;height:19px; background:#333;}
.main-tab li a:hover{background:#666;color:#FFF;}
.main-tab .main-tab-select:link,.main-tab .main-tab-select:visited{background:#666;color:#FFF;}
.main-play-list{float:left;border:1px solid #333;padding:10px 0 10px 10px;height:50px;width:91%;overflow:auto;float:left;margin-left:15px;margin-bottom:15px;display:inline;}
.main-play-list li{float:left;text-align:left;width:82px;height:18px;overflow:hidden;line-height:20px;margin-right:10px;}
.main-play-info{float:left;border:1px solid #333;padding:10px 0 10px 10px;width:91%;color:#999;line-height:20px;margin-left:15px;display:inline;}
.main-play-msg{float:left;border:1px solid #333;padding:0 0 10px 10px;width:91%;color:#999;line-height:20px;margin-left:15px;display:inline;}
.main-play-msg dl{border-bottom:1px solid #333;overflow:hidden;padding:5px 0;}
.main-play-msg dl dt{}
.main-play-msg dl dt img{border:1px solid #333;padding:2px;}
.main-play-msg dl dd{line-height:20px;}
.main-play-msg dl dd span{line-height:16px;color:#999;display:block;margin-bottom:10px;margin-top:5px;height:30px;overflow:hidden;}
.main-play-msg .main-play-msg-box{height:120px;margin:5px 0 0 5px;}
.main-play-msg-box p{float:left;height:120px;}
.main-play-msg-box input,.main-play-msg-box textarea{border:1px solid #666;background:#000;color:#FFF;padding:2px;width:400px;}
.main-play-msg-box input:hover,.main-play-msg-box textarea:hover{background:#333;}
.main-play-msg-box textarea{height:50px;margin-top:5px;}
.main-play-msg .main-play-msg-box-btn{width:60px;margin-top:5px;}

.pages{text-align:center;padding:10px 10px 10px 0;}
.pages a{padding:1px 5px;margin-right:5px;font-weight:bold;border:1px solid #000;}
.pages a:hover{border:1px solid #666; background:#333;}
.pages a:active{border:1px solid #999; background:#666;}
.pages-select:link,.pages-select:visited{border:1px solid #666; background:#333;color:#FFF;}

.loading{background:url(../images/loading.gif);width:153px;height:50px;margin:-25px 0 0 -76px;position:absolute;top:50%;left:50%;color:#999;z-index:1002;}

.setting{width:230px;float:left;}
.setting ul{margin:10px;}
.setting ul li{margin-bottom:5px;line-height:20px;color:#fff;width:230px;height:20px;float:left;}
.setting-btn{background:url(../images/button-bg.gif);width:50px;height:20px;border:1px solid #999;margin-right:8px;}

.search{text-align:left;padding:10px;line-height:25px;border-bottom:1px solid #CCC;width:340px;}
.search p{float:left;display:block;width:60px; text-align:right;}
.search select{float:left;width:95px;margin:0 5px 0 5px;height:20px;}
.search-s{background:url(../images/button-bg.gif);width:50px;height:20px;border:1px solid #999;margin:5px 0 0 150px;}

.feedback{text-align:left;padding:10px;width:165px}
.feedback ul{}
.feedback li{float:left;line-height:25px;height:25px;color:#fff;display:inline;margin-bottom:5px;width:165px}
.feedback-i{width:94px;height:20px;line-height:20px;background:#000;border:1px solid #ccc;color:#fff;display:inline;padding:0 3px}
.feedback-t{width:159px;height:75px;background:#000;border:1px solid #ccc;color:#fff;display:inline;padding:0 3px}
.feedback-s{background:url(../images/button-bg.gif);width:50px;height:20px;border:1px solid #999;margin:5px 0 0 110px}